<template>
    <section id="container" style="height:100%;"></section>
</template>
<script lang="ts">
import Vue from 'vue';
import { importAMap } from '../../platform/utils/map';
import { Component } from 'vue-property-decorator';

@Component
export default class shijie extends Vue {
    mounted() {
        importAMap().then(() => {
            var map = new AMap.Map('container', {
                resizeEnable: true, //是否监控地图容器尺寸变化
                zoom: 18, //初始化地图层级
                center: [113.813054, 23.099793], //初始化地图中心点,
                pitch: 58, // 地图俯仰角度，有效范围 0 度- 83 度
                viewMode: '3D' // 地图模式
                // mapStyle: "amap://styles/blue",
                // showLabel: false //不显示地图文字标记
            });
        });
    }
}
</script>
<style lang="scss">
    #container {
        height: 100%;
        margin-top: 60px;
    }
</style>